<template>
<div class="pulpInfo">
  <el-row v-if="basicInfo">
    <el-col :span="16">
      <el-form :inline="true" :model="basicInfo" label-width="100px" class="demo-ruleForm">
        <el-form-item  label="卡号"><el-input v-model="basicInfo.cardId" disabled ></el-input></el-form-item>
        <el-form-item label="身份证号"><el-input v-model="basicInfo.idNo" disabled></el-input></el-form-item>
        <el-form-item label="姓名"><el-input v-model="basicInfo.name" disabled></el-input></el-form-item>
        <el-form-item label="年龄"><el-input v-model="basicInfo.age" disabled></el-input></el-form-item>
        <el-form-item label="性别"><el-input v-model="basicInfo.sexName" disabled></el-input></el-form-item>
        <el-form-item label="电话"><el-input v-model="basicInfo.phone" disabled></el-input></el-form-item>
        <el-form-item label="地址" >
          <el-input class="addressTexrarea" v-model="basicInfo.address" type="textarea" :rows="1" disabled></el-input>
        </el-form-item>
      </el-form>
    </el-col>
    <el-col :span="8" target="div"  class="pulpWorkImg">
      <img :src="basicInfo.photo"  class='photoImage'/>
    </el-col>
  </el-row>
</div>
</template>
<script>
import api from 'plugins/axios/api.js';
export default {
 name: "ganTeMap",
 props:['cardid'],
 data(){
    return{
    basicInfo:{},
    sexObj:[]
    }
 },
 created(){
 },
 watch:{ 
 },
 methods:{
  
 }
}
</script>
<style lang="stylus" scoped>
.pulpInfo 
  .pulpWorkImg
    text-align center
  .addressTexrarea
    width 510px
</style>
